/*
 * @Author: Dagon
 * @Date: 2021-03-01 20:31:40
 * @Description: ajax 实现原理
 */

 // 1. 创建核心对象XMLhttpRequest
   const xhttp = new XMLHttpRequest()
 // 2. 用open方法打开与服务器的连接
 xhttp.open('post', 'https:www.baidu.com', true)
 xhttp.setRequestHeader('Content-Type', 'application/json')
 // 3. 用send方法发送请求（’post‘请求时，还需要额外设置请求头）
xhttp.send({id: 123})

 // 4. 监听服务器响应，接收返回值
xhttp.onreadystatechange = function() {
  // 状态码共5种： 0-未open 1-已open 2-已send 3-读取响应 4-响应读取结束
  if(xhttp.readyState == 4 && xhttp.status == 200) {
    console.log(777, xhttp)
  }
}
